@charset "utf-8";

/* CSS Document */

.m-menubtn{width:60px; height:60px; position:relative; display:none}
.m-menubtn span{position: absolute;display: block;width: 22px;height: 2px;background-color: #068f33;right:0; transition: all .5s ease;margin: 0;}
.m-menubtn .line1{top:23px;-webkit-transform-origin:5px 0;-ms-transform-origin:5px 0;transform-origin:5px 0;}
.m-menubtn .line2{top: 29px;}
.m-menubtn .line3{top: 35px;-webkit-transform-origin: left 0;-ms-transform-origin: left 0;transform-origin: left 0;}
.m-menubtn.active .line1 {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.m-menubtn.active .line2{ opacity:0}
.m-menubtn.active .line3{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}


.m-menu{ background:#f5f5f5; position:fixed; left:0;top:0; width:100%; height:100%;display:none; overflow-y:auto; overflow-x:hidden; z-index:100}
.m-menu ul{ width:100%; height:calc(100vh - 20px); padding-top:70px; overflow-y:auto;overflow-x:hidden}
.m-menu a{ display:block}
.m-menu .menu_a{ padding: 0 3%; line-height:50px; font-size:16px; color:#333; border-bottom:1px solid #d8d8d8; position:relative}
.m-menu .menu_a i{ width:60px; height:60px;position:absolute; right:0; top:0;}

.m-menu .menu_a i:before{ content:""; width:20px; height:2px; background:#666; display:block; right:10px;top:29px; position:absolute}

.m-menu .menu_a i:after{content:""; width:20px; height:2px; background:#666; display:block; right:10px;top:29px; position:absolute;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg); transform:rotate(90deg); -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}

.m-menu .menu_li .subnav{ padding:10px 20px; line-height:30px; font-size:14px; display:none}

.m-menu .menu_a.active{ background:#e9e9e9;}

.m-menu .menu_a.active i:after{-webkit-transform:rotate(0);-moz-transform:rotate(0); transform:rotate(0);}

.m-foot{ position:fixed; width:100%; height:50px; left:0; bottom:0;background: #068f33; color:#fff; display:none; z-index:999}
.m-foot li{ float:left; width:33.33%; text-align:center;}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li1 a{ background:url(../images/ficon05.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(../images/ficon05.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/ficon06.png) no-repeat center 3px; padding-top:25px}

@media screen and (max-width:1680px){

.menu ul{ display:flex; display:-webkit-flex; alingn-items:center; justify-content:center;}
.menu li a{ padding:0 25px; white-space: nowrap}

}

@media screen and (max-width:1440px){
.menu li a{ padding:0 20px}
.horlist li .pic{ height:280px}
}
@media screen and (max-width:1400px){.wrap{ width:100%; padding:0 3%}}

@media screen and (max-width:1200px){
.menu li a{ padding:0 12px}
.nbanner .txt{ font-size:35px}
.horlist li .pic{ height:230px}
.advantage .serimg{ width:450px; height:450px;}
.advantage .serimg:before{ background-size:cover !important}
.advantage .serimg img{ max-width:350px}
.advantage .li3{ top:20px;}
.advantage .li5{top:340px; right:30px}
.i-service .txt .intro2 span{ margin-right:15px}
}

@media screen and (max-width:1024px){
.logo img{ height:40px}
#fp-nav{ display:none}
.headerbox, .header, .logo{ height:60px;}
.header{ line-height:60px}
.menu{ display:none}
.m-menubtn{ display:block}
.banner{ display:none}
.m-banner{ display:block}

.i-about, .i-news, .i-client{ padding-top:50px; padding-bottom:50px}
.i-service{ padding-top:50px; padding-bottom:50px}

.title{ font-size:30px; margin-bottom:30px}
.i-clientlist .pic{ height:100px}
.i-client .swiperbox{ margin-top:25px}
.i-client .swiper-button-prev, .i-client .swiper-button-next{ width:35px; height:35px; background-size:15px;margin: 0 5px}
.i-client .swiper-button-prev:hover, .i-client .swiper-button-next:hover{ background-size:15px}

.i-about .content{ margin-top:3%; margin-bottom:3%;font-size:14px;line-height: 26px;}

.i-newslist{ padding-bottom:30px}
.i-newslist .txt{ padding:6%}
.i-newslist .swiper-pagination{ bottom:0}

.i-service .txt h4{ margin-right:0}
.i-service .txt .intro2 span{ margin-right:10px}
.i-service .txt .intro2 .span5{ width:100%}
.service li{margin-bottom:3%;}
.service .txtbox{ padding-top:2%}
.service .txt h4{ margin-right:0}
.service .txt .intro2{ flex-wrap:wrap; justify-content:space-between}
.service .txt .intro2 span{ margin-right:0; width:48%;}
.service .txt .intro2 .span5{ width:100%}

.advantage .serimg{position:absolute; opacity:.2; left:50%; -webkit-transform:translateX(-50%);transform:translateX(-50%)}
.advantage .serimg:before{ background-size:120% 120%;background: url(../images/round.png) no-repeat right center; display:none}
.advantage ul{ display:flex; display:-webkit-flex; align-items:flex-start; flex-wrap:wrap;justify-content:space-between}
.advantage li{ position: relative; width:47%;  float:left; margin-bottom:3%; border-bottom:1px solid #068f33; padding-bottom:10px; font-size:14px;line-height: 26px;}
.advantage .li1{ top:auto; left:auto}
.advantage .li2{ top:auto; left:auto;}
.advantage .li3, .advantage .li4, .advantage .li5 {top:auto;right:auto;}
.advantage .li3, .advantage .li4{ width:47%}
.advantage .li5{ width:100%}
.advantage .li1 .icon, .advantage .li2 .icon{ right:auto; left:0}
.advantage .li1 .txt, .advantage .li2 .txt{ text-align:left; padding-right:0; padding-left:90px}
.advantage .li3 .txt, .advantage .li4 .txt, .advantage .li5 .txt{ padding-left:90px;}
.advantage:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.advantage .icon{ width:65px; height:65px;}
.advantage .icon img{ height:30px;}
.footer{ padding-top:30px}
.footer .ftotop{ display:none}
.f-nav{ width:100%}
.f-nav li{ width:16.66%; margin-right:0; text-align:center}
.f-nav li:after{ right:0}
.footer .mid{ padding-top:30px}
.f-contact{ float:left; width:calc(100% - 300px)}
.footer .bot .fl, .footer .bot .fr{ float:none; display:inline}

.main{ padding:50px 0}
.main .ltitle{ margin-bottom:30px}
.honor .swiper-button-prev, .honor .swiper-button-next{ width:35px; height:35px;}
.honor .swiper-button-prev, .honor .swiper-button-next, .honor .swiper-button-prev:hover, .honor .swiper-button-next:hover{background-size:20px;}
.nbanner .txt{ font-size:30px;}
.nbanner{ padding-top:30%}
.caselist a{ padding:15px}
.newDetail{ font-size:14px; line-height:26px}
.page_2{ font-size:14px;margin-top: 20px;}

.main .content{ font-size:14px; line-height:26px;}
.newscon .ntime{ font-size:12px;margin-bottom: 10px;}
.newscon .ntime span{ margin:0 5px}
.newscon .ntit{ font-size:26px}
.n_nav{ line-height:60px}
.newslist .txt{ padding-top:0}
.newslist h3{ font-size:18px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; margin-top:0; margin-bottom:10px}
.newslist .more{ margin-top:15px; line-height:30px;}
.recruit-con .tit{ font-size:14px; line-height:50px; height:50px;}
.recruit-con .colum{ height:50px}
.recruit-con .cont{ font-size:14px; line-height:28px}

.horlist li .pic{ height:190px}
.main .advantage li{ border-bottom:1px solid #d8d8d8}
.service .txt{ padding-top:8%}
.equipment .swiperbox{ margin-top:20px}
.equipment .swiper-button-prev, .equipment .swiper-button-next{ width:35px; height:35px}
.equipment .swiper-button-prev {background: url(../images/arrow_prev.png) no-repeat center;background-size: 20px;}
.equipment .swiper-button-next {background: url(../images/arrow_next.png) no-repeat center;background-size: 20px;}
.equipment .swiper-button-prev:hover{ background:url(../images/arrow_prev_w.png) #068f33 no-repeat center; background-size:20px}
.equipment .swiper-button-next:hover{background:url(../images/arrow_next_w.png) #068f33 no-repeat center;background-size:20px}
.equipment .pic{ height:200px}
.hzlist{ padding:0}

.content_c{ font-size:14px; line-height:26px;}
.lxfs h3{ font-size:20px; margin-bottom:0}
} 

@media screen and (max-width:768px){
.header .tel{ display:none}
.m-banner .swiper-pagination-bullet{ width:8px; height:8px;}

.title{font-size:26px; margin-bottom:20px;}
.i-about, .i-news, .i-client, .main{ padding:40px 0}
.i-clientlist .tit{ font-size:14px}
.i-about .left{ width:100%; margin-bottom:20px;}
.i-about .right{ width:100%}
.i-about .ltit{ font-size:16px}
.i-service li{ width:100%; margin-bottom:4%}
.i-service li:nth-child(2){ margin-bottom:0}
.i-service h3{ font-size:18px;}
.i-service .txt .intro2{justify-content:space-between}
.service li{ margin-bottom:4%}
.service li:nth-child(2){ margin-bottom:0}
.service .pic{ width:100%}
.service .txtbox{ width:100%; padding-left:0}
.service li:nth-child(2n) .txtbox{ padding-right:0; padding-top:2%}
.service .txt .intro2 span{ width:24%}
.service .txt{ padding-top:3%}
.service .txt .more{ margin-top:3%}
.service h3{ font-size:18px;}
.advantage li .txt{ min-height:115px}
.nbanner{ padding-top:25%}
.nbanner .txt{ font-size:26px;}
.main .ltitle{ margin-top:-15px; font-size:18px; margin-bottom:20px}
.n_nav li a:hover::before{ width:0}
.n_nav li a:hover{ color:#333}
.equipment li, .carlist li{ width:48%}
.equipment li .pic, .carlist li .pic{ height:240px}
.equipment li p{ position:relative; background:#fff;color:#5c5c5c}
.carlist li p{ position:relative; background:#f3f3f3;color:#5c5c5c}
.caselist li{ width:50%}
.newscon .ntit{ font-size:20px; line-height:30px; margin-bottom:0}

.newslist li:before{ width:100%}
.recruit-top, .recruit-con .tit, .recruit-con .cont{ padding:0 3%}
.recruit-top .colum6, .recruit-con .colum6{ display:none}
.recruit-top .colum1, .recruit-con .colum1, .recruit-top .colum3, .recruit-con .colum3{ width:24%}

.horlist li{ width:48%}
.n_nav_s ul{ justify-content:space-between}
.n_nav_s li{ margin:0;}
.n_nav_s li a{ display:flex; display:-webkit-flex; align-items:center;flex-wrap: wrap; height:60px; line-height:20px}

.custumer .left{ width:100%}
.custumer .left .title{ text-align:center}
.custumer .right{ width:100%; padding-top:20px}

.lxfs{ position:relative; width:100%; right:0;top:auto; box-shadow:none; background:#f3f3f3; margin-top:20px}
#allmap{ height:300px}
.lxfs .tel, .lxfs .add{ margin-top:10px}
.lxfs h3{ margin-top:0}
.lxfs-2{ margin-top:20px}
.m-foot{ display:block}
.footer{ padding-bottom:70px; line-height:26px;}
.f-ewm img{ width:100px; margin-bottom:5px}
}

@media screen and (max-width:640px){
.f-ewm{ float:none; display:flex; display:-webkit-flex; justify-content:center;}
.f-ewm li{ margin:0 15px}
.f-contact{ display:none}
.title{ font-size:22px; line-height:30px;}

.i-about, .i-news, .i-client, .main{ padding-top:30px; padding-bottom:30px}
.i-about .tit{ font-size:18px;}
.i-clientlist .pic{ height:80px;}
.i-service{ padding-top:30px; padding-bottom:30px}
.i-service .tit{background: url(../images/sertitbg.png) no-repeat left -10px center;}
.i-service h3{ font-size:16px;}
.i-service .tit img{ width:40px; height:auto}
.i-service .txt{ font-size:14px; line-height:30px}
.i-service .txt h4{ font-size:16px}
.i-service .txt .item, .i-service .txt .intro, .i-service .txt .intro .span3, .i-service .txt .intro .span4{ margin-top:15px;}
.i-service .txt .intro2{justify-content: space-between;}
.i-service .txt .intro2 span{ margin-right:0}

.i-news > .more, .i-about .more, .hmore{ width:100px; line-height:32px; height:auto; padding-right:0; padding-left:15px; background: #068f33 url(../images/arrow.png) no-repeat right 15px center; color:#fff; border:none}
.i-news > .more:hover, .i-about .more:hover, .hmore:hover{background:#062074 url(../images/arrow.png) no-repeat right 15px center;}
.i-newslist .txt{ padding:3% 6%}
.i-newslist h3{ font-size:16px; margin:0}
.i-newslist .intro{ font-size:12px; line-height:20px}
.main .ltitle{ font-size:16px}
.advantage li{ width:100% !important}
.advantage li .txt{ min-height:auto}
.advantage .serimg{ width:100%; height:100%}
.advantage .serimg img{ max-width:100%;}
.advantage li h3{ font-size:18px; margin-bottom:5px}

.nbanner{ padding-top:150px}
.nbanner .txt{ font-size:22px}
.linian .icon{ float:none}
.linian .icon img{ width:60px; height:auto}
.linian .txt{ padding-left:0}
.culture .cont .row{ margin-bottom:3%; padding-bottom:2%}
.equipment li .pic, .carlist li .pic{ height:220px}
.caselist li{ width:100%}
.caselist h3{ margin-top:0; line-height:24px}
.caselist .intro{font-size:12px; line-height:20px}
.caselist .more{ margin-top:15px}
.location{ line-height:30px}
.newslist h3{ font-size:16px; line-height:24px}
.newslist .time{ display:block; margin-top:-5px}
.newslist .more{ display:none}
.newslist .intro{ font-size:12px; line-height:20px}
.newslist li{ margin-bottom:20px}
.newslist .txt{ margin-bottom:10px;}
.recruit-con .tit.on{ font-weight:normal}
.recruit-top{ font-size:14px;}
.recruit-con .tit{ font-size:12px}
.recruit-con .colum5{ font-size:12px;}
.recruit-con .mrg{ margin-top:15px}
.recruit-con .cont{ font-size:12px; line-height:24px}
.recruit-con .rec-a{ height:35px; line-height:35px;padding:0 10px;}

.n_nav_a ul{ justify-content:space-between}
.n_nav_a li{ margin:0;}
.n_nav_s li{ margin-right:10px}
.n_nav_s li:last-child{ margin-right:0}
.n_nav_s li a{ font-size:14px}

.linian .item{ width:100%; margin-right:0;border-bottom: 1px dashed #d8d8d8; margin-bottom:3%; padding-bottom:2%}
.linian .item:nth-child(2n+1){ padding-right:0}
.mission{ margin-right:0}
.mission .item{ width:100%; margin-right:0; margin-bottom:3%; height:auto}
.mission .item h3{ margin-top:0; margin-bottom:10px; font-size:20px}
.culture .cont{ display:block}
.culture .cont .pic{ margin:0 auto; text-align:center;}
.culture .cont .pic img{ max-width:300px}
.i-news > .more, .i-about .more, .hmore{ margin-top:20px}

.horlist li{ width:98%}
.horlist li .pic{ height:auto}
.horlist li .pic img{ position:relative}


.service li{ margin-bottom:3%}
.service .pic{ width:100%}
.service .txt{ width:100%; padding:0}
.service .tit{background: url(../images/sertitbg.png) no-repeat left -10px center;}
.service h3{ font-size:16px;}
.service .tit img{ width:40px; height:auto}
.service .txt{ font-size:14px; line-height:30px}
.service .txt h4{ font-size:16px; width:110px}
.service .txt .intro2{ width:calc(100% - 110px)}
.service .txt .intro2 span{ width:25%}
.service .txt .item{ margin-bottom:0}
.service .txt .item, .service .txt .intro, .service .txt .intro .span3, .service .txt .intro .span4{ margin-top:3%;}

.gygf .item{ margin-bottom:3%}
.gygf .pic, .gygf .txt{width:100%}
.gygf h3{ font-size:18px; margin-bottom:10px}


.khlist .pic{ height:60px;padding: 5px;}
.hzlist li{ padding:15px}
#allmap{ height:200px}
.lxfs{ padding:20px;}

.lxfs-2 ul{ margin-right:0}
.lxfs-2 li{ width:100%; margin-right:0; height:auto; margin-bottom:20px; padding-bottom:10px}
.footer{ padding-top:20px;}
.footer .top{ padding-bottom:10px}
.footer .mid{ padding-top:20px}
.f-nav li{ font-size:14px}
}

@media screen and (max-width:425px){
body{ min-width:320px}
.i-clientlist .pic{ height:60px; padding:8px}
.i-service .txt .intro2{flex-wrap:wrap; }
.i-service .txt .intro2 span, .service .txt .intro2 span{ width:50%}

.nbanner{ padding-top:120px}
.culture .cont .pic img{ max-width:200px}
.n_nav li a{ font-size:15px}
.n_nav_s li a{ font-size:14px}
.f-nav li{ width:33.33%;}
.equipment li, .carlist li{ width:98%}
.hzlist li{ padding:10px; height:70px}
}